import { AudioOutlined, RollbackOutlined } from '@ant-design/icons';

import './style.scss';

export default function({ status = 'speaking' }) {
  return status === 'speaking' ?
    <div className="speakingToast">
      <AudioOutlined className="speakingToastIcon" /><br />
      松开发送，上滑取消
    </div> :
    <div className="speakingToast cancelling">
      <RollbackOutlined className="speakingToastIcon" style={{ transform: 'rotate(-90deg)' }} /><br />
      松开手指，取消发送
    </div>
}